Help for blog witch Beyonce [efekty linku]

Tutaj sa efekty linku, czyli wstaw kod w edytorze strony glownej na koncu samym koncu :D i zapisz... :)

Po najechaniu myszką test przewraca się do góry nogami.
<STYLE type=text/css>A:link { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:visited { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:active { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:hover { FILTER: Flipv(color#000000,strenght=4); BEHAVIOR: url(linkhilight.htc); CURSOR: hand; HEIGHT: 8px; TEXT-DECORATION: none } </STYLE>

Podobne do tego pierwszego tylko z dwóch stron:P
<style TYPE="text/css">  </style>

Do okoła linku robi się taka... 'chmurka':P
<STYLE type=text/css>A:link { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:visited { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:active { CURSOR: hand; COLOR: black; TEXT-DECORATION: none } A:hover { FILTER: glow(color=gray, strength=4); CURSOR: hand; COLOR: black; HEIGHT: 8px; TEXT-DECORATION: none } </STYLE>

Przerywana ramka z kolorem w środku.
<STYLE type=text/css>A:link { COLOR: black; TEXT-DECORATION: none } A:visited { COLOR: black; TEXT-DECORATION: none } A:active { COLOR: black; TEXT-DECORATION: none } A:hover { BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; CURSOR: hand; COLOR: black; BORDER-BOTTOM: 1px dotted; BACKGROUND-COLOR: gray; TEXT-DECORATION: none } </STYLE>

Robia się duże litery:P oraz kreska u góry i na dole.
<style fprolloverstyle>A:hover {color: blue; text-transform: uppercase; font-weight: 78} </style> <STYLE type=text/css> A:link { color: black; TEXT-DECORATION: none } A:visited { color: black; TEXT-DECORATION: none } A:hover { color: gray; TEXT-DECORATION: underline overline; cursor: hand </style>

Nie przerywana ramka z kolorem w środku:P
<style> A:link {text-decoration:none; height:0; font-weight:normal; color:black} A:visited {text-decoration:none; height:0; font-weight:normal; color:black} A:hover {text-decoration:none; height:0; filter:normal;cursor:hand; color: #000000} A:hover { color: #000000; border: 1 solid #000000; background-color: gray; } </style>

Po najechaniu myszką pojawia się tło (kolor).
<style> a {color: black; text-decoration: none;} a:link {color: black; text-decoration: none;} a:visited {color: black; text-decoration: none;} a:hover {cursor: hand;color: black;background-color: gray; text-decoration: none;} </style>

Link miga na różna kolory.
<style TYPE="text/css">  <br><br> </style><script src="http://helpowniczki.w.interia.pl/rainbow.js"></script>

Cień.
<style> A:link { COLOR: black; TEXT-DECORATION: none; } A:visited { COLOR: black; TEXT-DECORATION: none; } A:active { COLOR: black; TEXT-DECORATION: none } A:hover{color:black; text-decoration:none; height:0; filter:DropShadow(Color=gray, OffX=5, OffY=2, Positive=1); cursor:hand } </STYLE>

Przekreślenie.
<style> A:link { COLOR: black; TEXT-DECORATION: none } A:visited { COLOR: black; TEXT-DECORATION: none } A:active { COLOR: black; TEXT-DECORATION: none } A:hover { COLOR: black; TEXT-DECORATION: line-through; cursor: hand; font-weight: normal </style>

Takie rozmycie.
<style> A:link { COLOR: black; TEXT-DECORATION: none; } A:visited { COLOR: black; TEXT-DECORATION: none; } A:active { COLOR: black; TEXT-DECORATION: none } A:hover{color:black; text-decoration:none; height:0; filter:Shadow(Color=gray, OffX=9, OffY=4, Positive=1); cursor:hand } </STYLE>

'Chmurka' wokół tekstu po najechaniu zamiana kolorów...
<style TYPE="text/css">  </style>

Taki cień, ale nie po najechaniu myszką tylko w ogóle:P.
<STYLE type=text/css> BODY {FONT-SIZE: 8pt; COLOR: black; cursor: hand; LINE-HEIGHT: 14px; FONT-FAMILY: verdana; font-weight: normal;} a {COLOR: black; HEIGHT: 8pt; TEXT-DECORATION: none; cursor: hand; font-weight: normal; filter: Dropshadow(color=gray, offx=2, offy=2, positive=1);} a:hover {COLOR: black; HEIGHT: 8pt; TEXT-DECORATION: none; cursor: hand; font-weight: normal; height: normal;} </STYLE>

Ramka w okół linku po najechaniu, ale bez koloru w środku. Żeby była przerywana linia wystarczy 'solid' zmienić na 'dotted'.
<style> A:link {text-decoration:none; height:normal; font-weight:normal; color:black} A:visited {text-decoration:none; height:normal; font-weight:normal; color:black} A:hover {text-decoration:none; height:normal; filter:blur;cursor:hand; color: black} A:hover { color: black; border: 1 solid #000000; background-color: transparent; } </style>

Również takie 'rozmycie', ale mniejsze.
<STYLE type=text/css> BODY {FONT-SIZE: normal; COLOR: black; LINE-HEIGHT: normal; FONT-FAMILY: verdana;} P {FONT-SIZE: normalpx; COLOR: black; LINE-HEIGHT: normal; FONT-FAMILY: verdana;} TD {FONT-SIZE: normal; COLOR: black; LINE-HEIGHT: normal; FONT-FAMILY: verdana;} A:link {COLOR: black; HEIGHT: 1px; TEXT-DECORATION: none; } A:visited {COLOR: black; HEIGHT: 1px; text-decoration: none;} A:active { COLOR: black; HEIGHT: 1px; TEXT-DECORATION: none; } A:hover { FILTER: blur(Opacity=100, FinishOpacity=3, Style=1); CURSOR: hand; COLOR: black; TEXT-DECORATION: none} </STYLE>

Najprostszy efekt. Zmiana kolorku;D. Żeby tekst był w podkreślony w text-decoration (a:hover) zamiast none piszemy underline, żeby nadkreślony overline żeby podkreśliny i nadkreślony to underline overline.
<style> <!-- A:link {text-decoration:none; color:"#000000"} A:visited {text-decoration:none; color:"#000000"} A:hover {text-decoration:none; color:"black";} </STYLE>

By Sabatka ©